<template>
  <div>
    <button @click="add">往仓库中存储【同步】</button>&nbsp;&nbsp;&nbsp;
    <button @click="asyncAdd">往仓库中存储【异步】</button>
  </div>
</template>

<script>
export default {
  methods: {
    add () {
      /**
       * 参数1：mutations方法的名字
       * 参数2：载荷 === 参数
       */
      this.$store.commit('add', 5)
    },
    asyncAdd () {
      /**
       * 参数1：actions方法的名字
       * 参数2：载荷 === 参数
       */
      this.$store.dispatch('asyncAdd', 4)
    }
  }
}
</script>
